@media screen and (max-width:980px) {
    
  .match_bg .match_bg_wrapper {
width:100%;
 margin:0 auto;
}  
 .match_bg .match_bg_wrapper .match_bg_container {
width:100%;
}   
  
.signalCon ul li {
    margin-right: 10px;
    background: #CCC;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-radius: 6px;
} 
  
  
  
  
    
.container {
 width:-webkit-calc(100% - 20px);
width:-moz-calc(100% - 20px);
width:calc(100% -20px);
 margin:0 auto;
 overflow:hidden
}
 .tuwen ul li {
 width:-webkit-calc(50% - 40px);
width:-moz-calc(50% - 40px);
width:calc(50% -40px);
}
.tuwen ul li .img {
 height: auto;
 position: relative;
}
.tuwen ul li .img img {
width: 100%;
height:auto;
}
 .list_news li {
 padding:10px;
 background:#FFF;
 margin-bottom:10px;
 overflow:hidden;
 box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
float:none;
width:100%;
box-sizing: border-box;
}
 .list_news li .list_news_img img {
 width: 120px;
 height: 90px;
}
 .list_news_title {
 font-size: 16px;
 font-weight: normal;
 line-height: 25px;
 height: 50px;
 margin-bottom: 20px;
white-space: normal;
 text-overflow: ellipsis;
 word-break: break-all;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}
 .list_news_jianjie {
display:none
}
 .footer {
height:auto;
}
 .zxnr {
padding:10px;
}
.zxnr-bt h1 {
line-height:30px;
}
.btn-top {
width:24px;
height:24px;
line-height:24px;
right:0px;
bottom:50px;
margin-right:0px;
}
.btn-top i {
font-size:18px;
}
.muem-open {
display:block;
position:absolute;
right:10px;
top:30px;
}
.muem-open i {
font-size:30px;
}
 
 
.noscroll {
 height: 100%;
 overflow: hidden;
}
 .nav-mask {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 background-color: rgba(45, 50, 55, 0.4);
 z-index: 10000;
 overflow: hidden;
 height: 100vh;
}

.articleRight{ display:none}	
.artcleLeft {
    float:none;
    width: 100%;
}














.nav-right {
    float: none;
    position: fixed;
    top: 0;
    z-index: 10002;
    background: #fff;
    left: -250px;
    bottom: 0;
    overflow-y: auto;
    width: 250px; height: 100vh;margin-top:0px;
}
.nav-right li.yj2{
    float: none;
    list-style: inherit;
    border-bottom: 1px solid #efefef;
    font-size: 15px;
    margin: 0 15px;
}
.nav-right li.yj{
    float: none;
    list-style: inherit;
    border-bottom: 1px solid #efefef;
    font-size: 15px;
    margin: 0 15px;
}


.nav-right .sub2 {display:none}

 .topheader .logo {
    width: 160px;
    font-size: 0;
    float: left;
}
.topheader .logo img {
    width: 120px;
}


.topheader .logofz img{width:40px;float:left;}
.topheader .logofz span{height:40px;line-height:40px;display:block;float:left;color:#333;font-size:18px; font-weight:bold}






	
		
.nav-mobile-show .nav-mobile-show-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(45,50,55,0.4);
    z-index: 10000;
    overflow: hidden; height: 100vh;
}	
		
.nav-right  .explose {
    position: absolute;width:30px;
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    z-index: 9; 
}
.nav-right  .explose i.icon{width:30px;height: 30px;
  
background:url(/images/cdjt.png) no-repeat  center;background-size:20px 20px;display: block;
}


.nav-right  .explose i.icon-arrow-up{width:30px;height: 30px;
  
background:url(/images/cdjt2.png) no-repeat  center;background-size:20px 20px;display: block;
}



.nav-right .sub{		
	
    position: relative;
    top: -6px;
    left: inherit;
    box-shadow: none;
    width: auto;
    display: none;
    padding-left: 15px;	
 
}
.nav-right .sub.show {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
    border-radius: 0;
    margin: 0;
}



.item_cp{ overflow:hidden; margin-left:-10px;}
.item_cp a{ display:block; float:left; width:calc(50% - 20px); margin-left:10px; background:#fff;    box-shadow: 0 0 4px 0 #dfdfdf; margin-top:10px; padding:5px;}
 
.huati-redian li {
    float: left;
    width: 100%;
    white-space: nowrap;
}


.video-list{margin:20px 0 0;margin-left:-20px; overflow:hidden}
.video-list .video-detail{background:#fff;width:calc(50% - 20px);float:left; margin-left:20px; margin-bottom:10px;}
.video-list .img-show{width:100%;height:100px;position:relative;overflow:hidden;display:block}
.video-list .img-show img{width:100%;height:100px}




.yc-dk img{ float:left; height:50px; width:50px}
.yc-dk span{ display:none}
.yc-dk .yc-dh{ float:right;width:calc(100% - 70px);overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}



.zxnr-san{margin-left:0px; overflow:hidden}
.zxnr-san  .san-li{ float:left; width:100%; margin-left:0px}


.qiuyuan-list a {
    background: #fff;
  width:calc(25% - 20px);
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 5px;
}
.qiuyuan-list .img-show{ height:70px; overflow:hidden; text-align:center
}
.qiuyuan-list .img-show img {
    width: auto;
    height: 70px;
}


.room_video img.full {
    width: 100%;
    height: auto;
}


.hd ul {
    height: 50px;
    background: #f7f9fa;
    box-shadow: 0 2px 3px #ddd;overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;
}
.hd li {
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    background: #f7f9fa;
    text-align: center;
    padding: 0 15px;
  display:inline-block; float: none;
    cursor: pointer;
}



.content_match_tab li {
    float: left;  width: 50%;
}
.content_match_tab li a {
    width: 100%;
}

.content_match_fixed {
    display: block;  width: 100%;overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch; margin-top:10px;

}

.content_match_fixed a {
    border: 1px solid #D3E1E2;
    border-radius: 4px;
    width:50px;
    height: 44px;
    font-size: 14px;
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF; text-align:center; 
}



	.score_name_right .image_container, .score_name_left .image_container {
    width: 50px;
    height: 50px;
  
}

.score_name_right .image_container img, .score_name_left .image_container img {
    width: 36px;
    height: 36px;
}

.score_name_left h1, .score_name_right h1 {
    height: 26px;
    font-size:14px;
    font-weight: normal;
    line-height:26px;
    color: #FFFFFF;
    margin-top: 10px;
}

.match_status {
    height: 30px;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 14px;
    line-height: 30px;
    width: 120px;
    margin: auto;
    color: #1c969f;
}

.league_name {
    height: 28px;
    line-height: 28px;
    border: none;
    border-radius:none;
    padding: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

.match_bj {
    position: relative;
    height: 180px;
}
.match_bg {
    height: 180px;
    background: linear-gradient(90deg,#292e2e 18.8%,#1c969f 49.96%,#292e2e 81.5%);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: -1;
}




.match-tab .hot_match {
    padding: 12px 6px;
    border-bottom: 1px solid #d3e1e2; background:#FFF  ; overflow:hidden; display: block;
  align-items: center; 

}



.match-tab .hot_match a.items-center {
    float: left;
    width: 100%;
    margin-top: 8px;
}
.match-tab .hot_match .streamBox {
    float: right;
    width: 100%; margin-top:10px;
}


.match-tab .hot_match a.items-center div {
    height: 28px;
    line-height: 28px; margin-top:10px;
}

.hot_match .bt {
    float: left;
    margin-right: 0px;
   width:calc(100% - 200px);
}


.hot_match .zd {
    float: left;
    margin-right: 10px;
   width:calc(50% - 120px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot_match .kd {
    float: left;
    margin-right: 10px;
   width:calc(50% - 120px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


	
}